<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/vue.js"></script>
</head>
<body>
<div id="add">
    <span>{{msg}}</span>
    <!--v-test 与v-html都会覆盖span里的内容-->
    <span v-text="msg">221</span>
    <span v-html="msg">1111</span>
    <!--v-tets 不能解析html    v-html可以解析-->
    <span v-text="mmm"></span>
    <span v-html="mmm"></span>
</div>
</body>
<script>
    let add=new Vue({
        el:"#add",
        data:{
            msg:"wwww",
            mmm:"<font color='red'>sssssss</font>"
        }
    })

</script>
</html>